<template>
  <div>
    <dl v-for="v in list" :key="v.id">
      <dt>
        <img :src="v.url" alt="" />
      </dt>
      <dd>
        <h3>{{ v.title }}</h3>
        <p>{{ v.desc }}</p>
      </dd>
    </dl>
  </div>
</template>

<script>
export default {
  // 组件通信  接受自定义数据
  props: ['list']
}
</script>

<style lang="scss">
dl {
  display: flex;
  padding: 10px;
  dd {
    padding: 10px;
  }
}
</style>